<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html" template="/template/template_dialog.xhtml">
	<ui:define name="head">
		<title>天气告警</title>
		<link rel="stylesheet" href="/resources/plugins/datatables/dataTables.bootstrap.css" />
		<link href='/resources/bootstrap/css/bootstrap-datetimepicker.min.css' rel='stylesheet' />
		<style>
.bs-callout {
	padding: 20px;
	padding-left: 40px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
}

.bs-callout-danger {
	border-left-color: #ce4844;
}

.num {
	font-size: 25px;
	margin: 10px;
}

.redNum {
	color: red;
	font-size: 22px;
	margin: 5px;
}

label {
	margin-left: 10px;
	margin-right: 10px;
	font-weight: normal;
}

input[type="checkbox"] {
	margin-left: 5px;
	margin-right: 5px;
}

.selectedDiv {
	box-shadow: 0 0 5px black;
}

.channel {
	color: green;
}

.device {
	color: blue;
}
</style>

	</ui:define>
	<ui:define name="content">
		<div id="contentDiv" class="row" style="padding-left: 20px; padding-right: 20px;">
			<div class="navbar-form">
				<div class="nav-tabs-custom">
					<div class="input-group">
						<div class="btn btn-default">
							<i class="fa fa-calendar"></i>
						</div>
						<div class="form-group">
							<input type="text" class="form-control" id="start" /> <input class="form-control"
								type="text" id="end" />
						</div>
						<button class="btn btn-default" onclick="query()">#{lang.ChaXun}</button>
					</div>
				</div>
				<div class="tab-content" style="padding: 0;">
					<div class="chart" id="tableDiv" style="position: relative;">
						<table id="defectTable" class="table table-gray">
						</table>
					</div>
					<div id="dataEmpty" style="position: relative; display: none;">
						<span style="text-font: 24px;">暂无数据</span>
					</div>
				</div>
			</div>
		</div>
		<h:inputHidden id="startTime" value="#{request.getParameter('start')}"></h:inputHidden>
		<h:inputHidden id="endTime" value="#{request.getParameter('end')}"></h:inputHidden>
	</ui:define>
	<ui:define name="contentend">
		<script src="/resources/js/tables/mytable.js"></script>
		<script src="/resources/plugins/datatables/jquery.dataTables.min.js"></script>
		<script src="/resources/plugins/datatables/dataTables.bootstrap.min.js"></script>
		<script src="/resources/bootstrap/js/bootstrap-datetimepicker.min.js"></script>
		<script type="text/javascript" src="weatherWarningDetail.js"></script>
		<script>
			var scrollYHeight = wrapperHeight - 150;
		$(function(){ 
			　　　　init();
			}); 
		</script>
	</ui:define>
</ui:composition>



